.calendar-container {
	.calendar-bg {
		top: 0;
		left: 0;
		width: 100%;
		height: 658rpx;
		position: fixed;
		background-image: url('~@/static/image/page-bg.png');
		background-size: 100% auto;
		background-repeat: no-repeat;
		pointer-events: none;
		z-index: 0;
	}
	.calendar-main {
		z-index: 2;
		position: relative;
		.calendar-header {
			position: sticky;
			top: 0;
			z-index: 22;
			padding: 24rpx 32rpx;
			&-main {
				border-radius: 24rpx;
				padding: 32rpx 32rpx 0;
				background-color: #ffffff;

				.current-date {
					padding: 24rpx 0;
					&-title {
						font-size: 32rpx;
						font-weight: 600;
					}
				}

				.go-today {
					margin-right: 48rpx;
					font-size: 32rpx;
					font-weight: 600;
				}
			}
		}
		.list {
			padding: 0 32rpx;
		}
		.skeleton-main {
			padding: 0 32rpx;
			.empty {
				border-radius: 24rpx;
				background-color: #ffffff;
			}
		}
	}
}
